@import 'base.less';

.t-aside-dimmer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 1010;
}
.t-aside{
	position: fixed;
	top:0;
	bottom: 0;
	width: 250px;
	background-color: #252525;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 1011;
	-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;

	&--left{
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	&--right{
		right: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
.aside-fix{
	position: fixed;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
}